<?php 
include  "/../protegido/protected.php"; /*Valida el inico de sesion*/
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Menu Principal</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">

	<!--link rel="stylesheet/less" href="less/bootstrap.less" type="text/css" /-->
	<!--link rel="stylesheet/less" href="less/responsive.less" type="text/css" /-->
	<!--script src="js/less-1.3.3.min.js"></script-->
	<!--append ‘#!watch’ to the browser URL, then refresh the page. -->
	
	<link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">
	<link href="../bootstrap/css/style.css" rel="stylesheet">

	

  <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
  <![endif]-->

  <!-- Fav and touch icons -->
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../bootstrap/img/apple-touch-icon-144-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../bootstrap/img/apple-touch-icon-114-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../bootstrap/img/apple-touch-icon-72-precomposed.png">
  <link rel="apple-touch-icon-precomposed" href="../bootstrap/img/apple-touch-icon-57-precomposed.png">
  <link rel="shortcut icon" href="../bootstrap/img/Limasys2.1.png">
  
	<script type="text/javascript" src="../bootstrap/js/jquery.min.js"></script>
	<script type="text/javascript" src="../bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="../bootstrap/js/scripts.js"></script>
 <!--Importacion del documento js para validar el formulario en la modal-->
  <script type="text/javascript" src="js/validacion.js"></script>
  

	<!--importaciones para la tabla-->
<script src="../tabla/media/js/jquery.js"></script>
        <script src="../tabla/media/js/jquery.dataTables.js"></script>
        <link rel="stylesheet" type="text/css" href="../../tabla/media/css/demo_table.css">
        <link rel="stylesheet" type="text/css" href="../../tabla/media/css/jquery.dataTables_themeroller.css">
        
        <script type="text/javascript" charset="utf-8">
            $(document).ready(function() {
                $('#datatables').dataTable();
            })
        </script>
        <!--fin de las importaciones para la tablas-->

        
   <script src="../js/jquery.validate.js"></script>

        <script>
         $(document).ready(function() {
              $("#frmRegistrar").validate({
                rules: {
                  txtIdLibro: {required: true, minlength: 1, maxlength: 12},
                  txtIdClasificacion: {required: true, minlength: 1, maxlength: 12},
                  txtIdInstitucional:{required: true, minlength: 1, maxlength: 12},
                  txtNombre: {required: true, textva: true},
                  txtAutor: {required: true, textva: true},
                  txtEdicion: {required: true, textva: true},
                  txtFechPublic:  {required: true, date: true},
                  txtGenero: {required: true},
                  txtTipo: {required: true, textva: true},
                  txtEstado: {required: true, textva: true},
                  txtFechIngre: {required: true, date: true},
                  //txtDispo: {required: true, textva: true},
                  txtEstadoFi: {required: true, textva: true},
                  txtDescripccion: {required: true}
                },
                messages: {
                  txtIdLibro : "Id Libro Incorrecta: de 1 a 12 Dijitos ",
                  txtIdClasificacion : "Id Clasificacion Incorrecta: de 1 a 12 Dijitos",
                  txtIdInstitucional : "Id Institucioanl Incorrecta: de 1 a 12 Dijitos",
                  txtNombre : "Nombre no Valido, No se aceptan Numeros",
                  txtAutor : "Autor no Valido, No se aceptan Numeros",
                  txtEdicion : "Edicion no Valido, No se aceptan Numeros",
                  txtFechPublic : "Fecha no Valida, DD/MM/AAAA ",
                  txtGenero : "Genero no Valido",
                  txtTipo : "Tipo no Valido, No se aceptan Numeros",
                  txtEstado : "Estado no Valido, No se aceptan Numeros",
                  //txtDispo : "Disponibilidad no Valida, No se aceptan Numeros",
                  txtFechIngre : "Fecha no Valida, DD/MM/AAAA ",
                  txtEstadoFi : "Estado Fisico no Valido, No se aceptan Numeros",
                  txtDescripccion : "Descripccion no Valida"
                }
              });
            });
         //console.log(messages.txtCedula); 
         //funcion para el codigo de barras
         $('#searchBarcode').barcode("1234567890128", "ean13",{barWidth:2, barHeight:30,output:"searchBarcode"});
        </script>
        <style>
            .error-message, label.error {
                color: #ff0000;
                margin:0;
                display: inline;
                font-size: 1em !important;
                font-weight:lighter;
            }
        </style>

</head>

<body>
<div class="container">
	<div class="row clearfix">
		<div class="col-md-12 column ">
			<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"><!-- navbar-default acomoda el menu  //navbar-inverse navbar-fixed-top//-->
				<div class="navbar-header">
					 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> <a class="navbar-brand" href="#">
					 	 <a class="navbar-brand" href="index.html">
                         <img src="../bootstrap/img/logo.png" alt="" />
                        </a>

					 </a>
				</div>
				
				<div class="collapse navbar-collapse " id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav ">
						<li >
							<a href="../menuAdmin/index.html"><strong class="glyphicon glyphicon-list "></strong> Inicio</a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <strong class="glyphicon glyphicon-check"></strong> Usuarios<strong class="caret"></strong></a>
							<ul class="dropdown-menu">
								<li>
									<a href="../usuarios/administrador/index.php">Administrador</a>
								</li>
								<li class="divider"></li>
								<li>
									<a href="../usuarios/estudiante/index.php">Estudiante</a>
								</li>
								<li class="divider"></li>
								<li>
									<a href="../usuarios/profesor/index.php">Profesores</a>
								</li>
							</ul>
						</li>
						<li class="active">
							<a href="index.php" class="btn btn-primary"> <strong class="glyphicon glyphicon-book"></strong> Libro</a>
						</li>
						<li class="dropdown">
							<a href="../prestamoLibros/index.php"> <strong class="glyphicon glyphicon-tags"></strong> Prestamo de Libro</a>
						</li>
						<li>
							<a href="../BibliotecaVirtual/index.php"><strong class="glyphicon glyphicon-list-alt"></strong> Biblioteca Virtual</a>
						</li>
<!--
						<li>
							<a href="#"><strong class="glyphicon glyphicon-phone"></strong> Material Tecnologico</a>
						</li>
						<li>
							<a href="#"><strong class="glyphicon glyphicon-new-window"></strong> Prestamo Material Tecnologico</a>
						</li>
  -->
						<li>
							<a href="../Reportes/index.php"><strong class="glyphicon glyphicon-folder-open"></strong> Reportes</a>
						</li>
						<li>
							<a href="#"><strong class="glyphicon glyphicon-question-sign"></strong> Ayuda</a>
						</li>
					</ul>
					<!--<form class="navbar-form navbar-left" role="search">
						<div class="form-group">
							<input type="text" class="form-control">
						</div> <button type="submit" class="btn btn-default">Submit</button>
					</form>-->
					<ul class="nav navbar-nav navbar-right">
						<li>
							<a href="#"></a>
						</li>
						<li class="dropdown">
							 <a href="#" class="dropdown-toggle" data-toggle="dropdown"><strong class="glyphicon glyphicon-user"></strong></a>
							<ul class="dropdown-menu dropdown-user">
								
								<li>
									<a href="../Protegido/logoutAdmin.php">Salir</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
				
			</nav>
			<hr>
			<div class="page-header">
              <hr>
				<h3>
					Seccion usuarios Libro!
				</h3>
				<hr>
		<!-- Incluir Tabla aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa -->
<!-- aprendiendo ventana modallllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll -->
<!-- Button trigger modal -->
<button type="button" id="btnNuevo" name="btnNuevo" value="Agregar Nuevo Estudiante" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  Agregar un Nuevo Libro
</button>

<!-- Modal -->
<div class="modal fade" id="myModal" name="myModal"tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel">Agregar un Nuevo Libro</h4>
      </div>
      <div class="modal-body">
       <div id="formularioRegistrar" align="center">
                <div id="procedimiento">
                </div>
                <fieldset style="display: inline;">
                    <legend>Registrar un Nuevo Libro</legend>
                
                    <form action="guardar.php" name="frmRegistrar" id="frmRegistrar" method="post" onsubmit="return validacion()">
                        <table>
                            <tr>
                                <td>Codigo Libro : </td>
                                <td>
                                    <input onPaste = "return false;" placeholder="Codigo Libro" autocomplete="off" class="form-control" type="text" id="txtIdLibro" name="txtIdLibro" required>
                                </td>
                            </tr>
                            <tr>
                                <td>Codigo Clasificacion : </td>
                                <td>
                                    <input onPaste = "return false;" placeholder="Codigo Clasificacion" autocomplete="off" class="form-control" type="text" id="txtIdClasificacion" name="txtIdClasificacion" required>
                                </td>
                            </tr>
                            <tr>
                                <td>Codigo Institucional : </td>
                                <td>
                                    <input onPaste = "return false;" placeholder="Codigo Institucional" autocomplete="off" class="form-control" type="text" id="txtIdInstitucional" name="txtIdInstitucional" required>
                                </td>
                            </tr>
                            <tr>
                                <td>Nombre Libro : </td>
                                <td>
                                    <input onPaste = "return false;" placeholder="Nombre Libro" autocomplete="off" class="form-control" type="text" id="txtNombre" name="txtNombre" required>
                                </td>
                            </tr>
                            <tr>
                                <td>Autor : </td>
                                <td>
                                <input onPaste = "return false;" placeholder="Autor" autocomplete="off" class="form-control" type="text" id="txtAutor" name="txtAutor" required>
                                </td>
                            </tr>
                            <tr>
                                <td>Edicion : </td>
                                <td>
                                <input onPaste = "return false;" placeholder="Edicio" autocomplete="off" class="form-control" type="text" id="txtEdicion" name="txtEdicion" required>
                                </td>
                            </tr>
                            <tr>
                                <td>Fecha de Publicacion : </td>
                                <td>
                                <input onPaste = "return false;" placeholder="Fecha de Publicacion" autocomplete="off" class="form-control" type="date" id="txtFechPublic" name="txtFechPublic" required>
                                </td>
                            </tr>
                            <tr>
                                <td>Genero : </td>
                                <td>
                               <select onPaste = "return false;" placeholder="Genero" autocomplete="off" class="form-control" type="text" id="txtGenero" name="txtGenero" required >
                                      <option></option>
                                      <option>Obras Generales000</option>
                                      <option>Filosofia100</option>
                                      <option>Religion200</option>
                                      <option>Ciencias Sociales 300</option>
                                      <option>Linguistica 400</option>
                                      <option>Ciencias Puras 500</option>
                                      <option>Ciencias Aplicadas Tecnologia 600</option>
                                      <option>Arte y recreacion 700</option>
                                      <option>Literaturas 800</option>
                                      <option>Historia y Geografia 900</option>
                                     
                                </select>
                            </td>
                            <tr>
                                <td>Tipo : </td>
                                <td>
                                <input onPaste = "return false;" placeholder="Tipo" autocomplete="off" class="form-control" type="text" id="txtTipo" name="txtTipo" required>
                                </td>
                            </tr>
                            <tr>
                                <td>Estado : </td>
                                <td>
                                <select onPaste = "return false;" placeholder="Estado" autocomplete="off" class="form-control" type="text" id="txtEstado" name="txtEstado" required >
                                      <option ></option>
                                      <option>Activo</option>
                                      <option>Fuera de Uso</option>
                                      
                                </select>
                                </td>
                            </tr>
                            <tr>
                                <td>Fecha de Ingreso : </td>
                                <td>
                                <input onPaste = "return false;" placeholder="Fecha" autocomplete="off"  class="form-control" type="date" id="txtFechIngre" name="txtFechIngre" required>
                                </td>
                            </tr>
                            <tr>
                                <td>Estado Fisico : </td>
                                <td>
                               <select onPaste = "return false;" placeholder="Estado Fisico" autocomplete="off"  class="form-control" type="text" id="txtEstadoFi" name="txtEstadoFi" required >
                                      <option ></option>
                                      <option>Bueno</option>
                                      <option>Regular</option>
                                      <option>Para Reparar</option>
                                      <option>No Sirve</option>
                                     
                                </select>
                                </td>
                            </tr>
                            <tr>
                                <td>Descripccion : </td>
                                <td>
                                <textarea onPaste = "return false;" placeholder="Descripccion" autocomplete="off"  class="form-control" id="txtDescripccion" name="txtDescripccion" required rows="5" cols="20"></textarea>
                                <!--<input class="form-control" type="text" id="txtDescripccion" name="txtDescripccion" required>-->
                                </td>
                            </tr>
                            <tr>
                              
                              
                                <td>
                                <br>
                               </br>
                                    <input class="btn btn-default" type="submit" id="btnProcesar" name="btnProcesar" value="Guardar Libro">
                                </td>
                                <td>
                                <br>
                               </br>
                                    <input class="btn btn-default" type="reset" name="btnBorrar" id="btnBorrar" value="Borrar Formulario">
                                </td>
                            </tr>
                        </table>
                    </form>
                </fieldset>
            </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" data-dismiss="modal" name="btnProcesar">Cerrar</button>
      </div>
    </div>
  </div>
</div>
           

<!-- fin de  Ventana Modallllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll  -->

<!--la tabla para mostrar los usuarios-->

    <div>
        <div>
            <div class="table-responsive">
                
        <p>&nbsp;</p>
                <p>&nbsp;</p>
                    
                    <table id="datatables" class="table table-striped">
                      <thead>
                            <?php
                            include('../Tabla/conn/conn.php');  
                            echo "<tr>"; 
                            echo "<th>Codigo Libro</th>"; 
                            echo "<th>Codigo Clasificacion</th>"; 
                            echo "<th>Nombre</th>"; 
                            echo "<th>Autor</th>";
                            echo "<th>Tipo</th>";
                            echo "<th>Estado</th>"; 
                            echo "<th>Disponibilidad</th>"; 
                            echo "<th>Estado Fisico</th>";
                            echo "<th>Mod</th>"; 
                            echo "<th>Eli</th>"; 
                            echo "<th>Cod</th>";                    
                            echo "</tr>"; 
                            ?>
                      </thead>
                      
                          <tbody>
                                <?php
                                $result = mysql_query("SELECT LS00IDLB, LS01IDCL, LS03NBLB, LS04AT, LS08TP, LS09ET, LS11DB, LS12EF FROM ls_06_registro_libro") or trigger_error(mysql_error());
                                while($row = mysql_fetch_array($result))
                                {
                                    echo "</tr>";
                                    echo "<td valign='top'>". nl2br( $row['LS00IDLB']) .  "</td>";
                                    echo "<td valign='top'>" . nl2br( $row['LS01IDCL']) . "</td>";
                                    echo "<td valign='top'>" . nl2br( $row['LS03NBLB']) . "</td>";
                                    echo "<td valign='top'>" . nl2br( $row['LS04AT']) . "</td>";
                                    echo "<td valign='top'>" . nl2br( $row['LS08TP']) . "</td>";
                                    echo "<td valign='top'>" . nl2br( $row['LS09ET']) . "</td>";  
                                    echo "<td valign='top'>" . nl2br( $row['LS11DB']) . "</td>"; 
                                    echo "<td valign='top'>" . nl2br( $row['LS12EF']) . "</td>"; 
                                    echo "
                                    <td valign='top'><a href=modificar.php?id={$row['LS00IDLB']}  data-toggle='popover' title='Modificar al Libro' ><span class='glyphicon glyphicon-edit'></span></a></td>
                                    <td><a href=eliminar.php?id={$row['LS00IDLB']}  data-toggle='popover' title='Eliminar al Libro'><span class='glyphicon glyphicon-trash'></span></a></td>
                                    <td><a href=codigo.php?id={$row['LS00IDLB']} target='_blank'  data-toggle='popover' title='Generar Codigo de Barras'><span class='glyphicon glyphicon-barcode'></span></a></td>";  
                                }
                                
                                mysql_close($link);
                                ?>
                          </tbody>
                    </table>
                        <p>&nbsp;</p>
                    </div>  
                    <p>&nbsp;</p>
                    </div>
            </div>

        </div>
           <!--fin de la tabla para mostrar los usuarios-->	
 </div>
</div>
</div>
</div>
<div class="footer_btm"><!-- start footer_btm -->
  <div class="container">
    <div class="navbar navbar-default">

      
               
                <a class="navbar-brand" >
                    <img class="img-rounded" align="left" src="../bootstrap/img/barrainferios/limasys.png" alt="" />
                </a>
                <a class="navbar-brand" align="left">
                    <img <img class="img-rounded" align="left" src="../bootstrap/img/barrainferios/ctp.png" alt="" />
                </a>

               <a class="navbar-brand" align="left">
                    <img <img class="img-rounded" align="left" src="../bootstrap/img/barrainferios/una.png" alt="" />
                </a>

        <p class=""><span>&#169; Reservado todo los Derechos|2014| Diseñado por&nbsp;<a href="http://LYMASYS/"> Javier Villarreal y Josue Morales</a></span></p>
    </div>
  </div>
</div>
</body>
</html>
